table {
	&.dataTable {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		border-collapse: collapse !important;
	}
}

.sorting_desc,
.sorting_asc {
	
	&:before,
	&:after {
		color: $brand-primary;
	}
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
	bottom: 50%;
	@include transform(translateY(50%));
}

.dataTables_length {
	select {
		margin: 0px 5px;
	}
}

@include screen-mobile {
	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate  {
		margin-bottom: 20px;
	}
}

.dt-bootstrap4 {

	.custom-select-sm,
	.form-control-sm {
		padding:  $input-padding-y $input-padding-x;
		font-size: $font-size-base;
		line-height: $input-line-height;
	}
}

div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 10px;
}